<section [ngStyle]="tagData?.cssStyle|styleFilter">
  <div class="headDiv">
    <p class="head-title">{{tagData?.title}}</p>
    <div class="head-right" *ngIf="!hiddenArrow" appDebounceClick (debounceClick)="go(tagData?.rightLink.link)">
      {{tagData?.rightLink?.link?.label}}
      <img class="arrow-img" [src]="tagData?.rightLink?.link?.iconUrl"
        onerror="this.src='assets/fw/arrow_icon_right2.png'" />
    </div>
  </div>
  <div class="list-bg">
    <ng-container *ngFor="let item of tagData?.data">
      <div class="item-bg" [ngStyle]="item?.boxCssStyle|styleFilter">

        <img [src]="item?.icon" onerror="this.src='assets/fw/rest_somebody_heart.png'" class="item-img" />

        <p class="label" *ngIf="item?.label" [ngStyle]="item?.labelCssStyle|styleFilter">{{item.label}}</p>
        <p class="content" *ngIf="item?.content" [ngStyle]="item?.contentCssStyle|styleFilter">{{item.content}}</p>
        <span class="btn" appDebounceClick (debounceClick)="go(item.link)" [ngStyle]="item?.btnCssStyle|styleFilter">
          <ng-container *ngIf="item?.link">{{item?.link.label}}</ng-container>
        </span>
      </div>
    </ng-container>
  </div>
</section>